<template>
  <div>
    <div class="hot">热门推荐</div>
    <goods-list :goods="goods"></goods-list>
    <van-divider></van-divider>
  </div>
</template>

<script>
  import GoodsList from "@/components/content/goods/GoodsList";

  export default {
    name: "DetailRecommend",
    props: ["goods"],
    components: {
      GoodsList
    }
  }
</script>

<style scoped>
  .hot {
    width: 100%;
    font-size: 18px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 25px;
  }
</style>
